﻿<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>sessionStorage</title>
</head>

<body>
  <!--
    localstorage  没有时间限制的数据存储
    sessionstorage  针对一个session的数据存储
    cookie  是一个响应头和请求头的一部分

    应用到：页面传值，本地备忘录，离线列表，自动登录。

    两个不同的页面传输数据怎么传输：localstorage sessionstorage cookie
    不管存储的什么东西，永远都是字符串类型
   -->
  <form>
    <label for="input1">排名</label>
    <input id="input1" type="text"><br>
    <label for="input2">姓名</label>
    <input id="input2" type="text"><br>
    <input type="submit" id="submit" value="提交">
  </form>

</body>
<script>
  function my$(id) {
    return document.getElementById(id);
  };
  var input1 = my$('input1');
  var input2 = my$('input2');
  var submit = my$('submit');
  submit.onclick = function (e) {
    e.preventDefault();
    console.log(input1.value, input2.value);
    sessionStorage.setItem(input1.value, input2.value);
  }

</script>

</html>
